<template>
	<view class="love-link-home">
		<view class="selection">
			<view class="selection-item" @click="goTo('yima-calendar')">
				<text>姨妈日历</text>
			</view>
			<view class="selection-item">
				<text>约会提醒</text>
			</view>
			<view class="selection-item">
				<text>纪念日</text>
			</view>
			<view class="selection-item">
				<text>备忘录</text>
			</view>
			<!-- <view class="selection-item">
				<text>更多</text>
			</view> -->
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: 'Hello'
		}
	},
	onLoad() {

	},
	methods: {
		goTo(path) {
			uni.navigateTo({
				url: `/pages/module/${path}/index`
			})
		}
	}
}
</script>

<style>
.love-link-home {
	padding: 30rpx;
}

.selection {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30rpx;
}

.selection-item {
	border: 1rpx solid #ccc;
	height: 100rpx;
	border-radius: 10rpx;
	padding: 10rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
